<template>
	<div class="container">
		<navigationBar title="搜索"></navigationBar>
		<div class="content" :style="'padding-top: ' + (navigationBarHeight-1) + 'px;'">
			<div class="row">
				<div class="search">
					<image class="search-icon" src="/static/icon/search.png" mode=""></image>
					<input type="text" v-model="keyword" @confirm="confirm" @keydown.enter="confirm"
						placeholder="请输入需要搜索的内容" />
				</div>
				<div class="btn" @click="confirm">搜索</div>
			</div>

			<listCard :list="list"></listCard>
		</div>
	</div>
</template>

<script>
	import data from '@/js/my/search/data.js';
	import methods from '@/js/my/search/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	import listCard from '@/components/list-card.vue';
	export default {
		data,
		methods,
		onLoad() {
			this.getPageList()
		},
		onReachBottom() {
			this.getPageList()
		},
		onShow() {},
		onHide() {},
		components: {
			navigationBar,
			listCard
		},
		computed: {
			...mapState(['navigationBarHeight', 'userInfo', 'statusBarHeight'])
		}
	};
</script>
<style>
	page,
	uni-page {
		background-color: #FAFAFA !important;
	}
</style>
<style scoped lang="scss">
	@import '~@/style/my/search.scss';
</style>